
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/backend/js/jquery-2.0.3.min.js"></script>
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/backend/js/WebcamBarcodeChecker.js"></script>
<div style="text-align: center">
    <video id="video" width="320" height="280" autoplay></video>
    <br/>

    <p id="successDiv" style="font-size: 50px; color: green; display:none">SUCCESS</p>
    <p id="failDiv" style="font-size: 50px; color: RED; display:none">FAIL</p>

    <input length="40" type="input" id="barcodeString" style="heigh:40px; font-size: 35px"/>
    <input type="button" value="Submit" style="height: 50px; font-size: 35px" onclick="checkin();"/><br/>
    <p id="textbit" style="font-size: 50px"></p>

    <button id="snap" style="width:300px; height: 100px;  font-size: 35px">Start Checking</button>
    <button id="stopButton" style="width:300px; height: 100px; font-size: 35px">Stop</button>
</div>